/* 单个样式组件的box */
.style-components-box {
    display: flex;
    /* justify-content: center;  */
    align-items: center;
    /* align-content: center; */
    flex-flow: column nowrap; 
    width: 33.33%;
    margin-top: 22px;
}

.style-components-box img {
    height: 53px; 
    width: 53px; 
    margin-bottom: 10px;
    /* width: 100%;  */
    /* height: 100%;  */
}

/* 包裹样式组件区域的container */
.style-containers-box {
     /* display: flex;   */
     flex-wrap: wrap; 
     box-sizing: border-box; 
     width: 100%; 
     /* padding: 0 18px;   */
    overflow: hidden;
}

.style-containers-item {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
    padding: 0 18px;
    margin-top: 22px;
}

/* 表格的样式 */
.sv-table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse; 
}
.sv-table .handle-button {
    display: flex;
    justify-content: center;
    border: 0;
}
.sv-table, .sv-table tr, .sv-table th, .sv-table td {
    border: 1px solid #ddd;
    
}
.table-tr:nth-of-type(even) {
    background-color: #f2f2f2;
}
.sv-table tr:nth-of-type(even) {

}
.sv-table tr:hover {
    background: #fff3e0;
}
.table-th {
    
}
.table-th th {
    border-color: #ddd;
    background: #b5d1f5!important;
    padding: 3px 8px;
    white-space: nowrap;
    font-weight: normal;
}

.table-tr {

}

/* 禁用、启用的状态样式 */

/* 重置饿了么datepicker某些按钮的样式 */
.el-input__inner {
     height: 28px !important;
     padding-left: 25px !important;
}
.el-input__prefix {
    left: 0 !important;
}
.el-icon-time {
    line-height: 28px !important;
}